<!doctype html>  

<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ --> 
<!--[if lt IE 7 ]> <html lang="en" class="no-js ie6"> <![endif]-->
<!--[if IE 7 ]>    <html lang="en" class="no-js ie7"> <![endif]-->
<!--[if IE 8 ]>    <html lang="en" class="no-js ie8"> <![endif]-->
<!--[if IE 9 ]>    <html lang="en" class="no-js ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html lang="en" class="no-js"> <!--<![endif]-->
{% block head %}
<head>
	<meta charset="utf-8">

	<!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame 
		Remove this if you use the .htaccess -->
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

	<title>{% block title %} Testing {% endblock title %}</title>
	{% block metadata %}
		<meta name="description" content="capstone project">
		<meta name="author" content="Group9">
	{% endblock metadata %}

	<!-- Place favicon.ico & apple-touch-icon.png in the root of your domain and delete these references -->
	{% block favicons %}
		<link rel="shortcut icon" href="/static/favicon.ico">
	{% endblock %}

	<!-- CSS : implied media="all" -->
	{% block base-styles %}
		<link href='http://fonts.googleapis.com/css?family=Droid+Sans' rel='stylesheet' type='text/css'>
		<link rel="stylesheet" href="/static/css/style.css?v=1">
		<link rel="stylesheet" href="/static/css/reset.css?v=1">
		<link rel="stylesheet" href="/static/css/jquery.jgrowl.css">
		<link rel="stylesheet" href="/static/css/jquery.qtip.min.css">
		<link rel="stylesheet" href="/static/css/aristo/jquery-ui-1.8.7.custom.css?v=1">
	{% endblock base-styles %}

	{% block extra-styles %}
	{% endblock extra-styles %}

	<!-- All JavaScript at the bottom, except for Modernizr which enables HTML5 elements & feature detects -->
	<script src="/static/js/libs/modernizr-1.7.min.js"></script>

	{% block js-libs %}
	<!-- Grab Google CDN's jQuery. fall back to local if necessary -->
		<!--<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>-->
		<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
		<script src="https://maps.google.com/maps/api/js?libraries=geometry&sensor=false"></script>
		<script src="http://ajax.aspnetcdn.com/ajax/jquery.templates/beta1/jquery.tmpl.min.js"></script>
		<script src="/static/js/libs/jquery.cookie.js"></script>
		<script src="/static/js/libs/markerwithlabel.min.js"></script>
		<script src="/static/js/libs/keydragzoom_packed.js"></script>
		<script src="/static/js/libs/markerclusterer_compiled.js"></script>
		<script src="/static/js/libs/StyledMarker.js"></script>
		<script src="/static/js/libs/jquery.qtip.min.js"></script>
		<script src="/static/js/libs/jquery.jgrowl_minimized.js"></script>
		<script src="/static/js/libs/jquery-ui-1.8.16.custom.min.js"></script>
		<!--<script type="text/javascript" src="/static/js/libs/jquery.easing.1.3.js"></script>-->
		<script>!window.jQuery && document.write(unescape('%3Cscript src="/static/js/libs/jquery-1.6.2.min.js"%3E%3C/script%3E'))</script>
	{% endblock js-libs %}

	{% block js %}
		<script src='/static/js/map.js'></script>
		<script src='/static/js/wayfinder.js'></script>
	{% endblock js %}
</head>
{% endblock head %}

<body>
	<div id="container">
		<!--<header id="header">-->
		<header>
			{% block header %}
			<h1>Wayfinder</h1>
			{% endblock header %}
			<div id="newmap-dialog" title="New Map"></div> <!-- new map modal dialog -->
			<div id="login-dialog" title="Login"></div> <!-- Login modal dialog -->
			<div id="register-dialog" title="Create an account"></div> <!-- Register modal dialog -->
		</header> 
		<!-- end of header -->
		<aside id="nav">	
		{% block aside %}
		{% endblock aside %}
		</aside>
		<div id="main" role="main">
		{% block main-content %}
		{% endblock main-content %}
		</div>  <!-- end of #main_content -->
	</div>
</body>
</html>
